<template>
  <div>
    <div class="cart-Header">
        <span>{{title}}</span>
        <svg t="1690961546215" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2949" width="18" height="18"><path d="M512 1024c282.771 0 512-229.23 512-512s-229.23-512-512-512-512 229.23-512 512 229.23 512 512 512zM432 256c0-44.183 35.817-80 80-80s80 35.817 80 80v31.999c0 44.183-35.817 80-80 80s-80-35.817-80-80v-31.999zM431.999 512c0-44.183 35.817-80 80-80s80 35.817 80 80v256c0 44.183-35.817 80-80 80s-80-35.817-80-80v-256z" p-id="2950" fill="#8a8a8a"></path></svg>
    </div>
  <div class="cart-content">{{count}}</div>
  <div class="cart-echarts">
   <slot name="echarts"></slot>
  </div>
  <div class="cart-fullter">
    <slot name="footer"></slot>
  </div>
  </div>
</template>

<script>
export default {
  props: ['title','count']
}
</script>

<style>
    .cart-Header {
        display: flex;
        justify-content: space-between;
        color: #d9d9d9;
        font-size: 20px;
    }
    .cart-content{
      font-size: 30px;
      padding: 10px 0px;
    }
    .cart-fullter {
      border-top: 1px solid #eee;
      margin-top: 10px;
      padding: 10px;
    }
    .cart-echarts {
      height: 90px;
      padding-bottom: 10px;
    }
</style>